@charset "utf-8";
.banner_l{
    width:670px;
    height: 320px;
}
.banner_l img{
    width: 100%;
    height: 100%;
}
.banner_c{
    width:180px;
    height: 320px;
    margin-left:10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.banner_r{
    width:286px;
    height: 270px;
    padding-left:10px;
    padding-top:16px;
    background: #fff;
}
.banner1{
    width: 180px;
    height: 100px;
    position: relative; 
}
.banner1 img{
    width: 100%;
    height:100%;
   
}
.banner1 .content{
    height: 26px;
    opacity: 0.6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
}
.content p{
    font-size: 12px;
    color:#fff;
    line-height: 26px;
    padding-left:10px;
}
.banner_r h3{
    font-size: 16px;
    display: block;
    padding-left: 10px;
    background: url("../images/item_03.png")  no-repeat left center;
}
.item-box{
    height: 250px;
    width:286px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.item_img{
    width:100px;
    height: 64px;
    float: left;
}
.item_img img{
    width: 100%;
    height: 100%;
}
.item_text{
    width:176px;
    height:64px;
    float: left;
    padding-left: 10px;
}
.item_text p{
    font-size: 12px;
    color: #333;
    line-height: 20px;
}
.item_text span{
    font-size: 10px;
    color:#999;
    margin-top: 6px;
}
.title_l{
    width:860px;
    height: 204px;
   
}
.title_r{
    width: 296px;
    height: 155px;
    background: #1abc9c;
    position: absolute;
    top:-38px;
    left:886px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 15px;
}
.title_r h2{
    font-size: 44px;
    color:#fff;
    padding-top:28px;
}
.title_r h3{
    font-size: 28px;
    color: #fff;
    margin-bottom: 36px;
}
.title-box{
    width:830px;
    height: 204px;
    margin: 0 15px 0 15px;

}
.title-box1{
    width:830px;
    height: 49px;
    border-bottom: 1px solid #efefef;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.title-box1 h3{
    font-size: 18px;
}
.title-box1 p{
    font-size: 14px;
    color: #999;
}
.title-box2{
    width: 830px;
    height: 154px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tit-img{
    width: 194px;
    height: 122px;
    background: url('../images/1.png') no-repeat;
    background-size: 100%;
}
.tit-img p{
    padding-top: 94px;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.active_l{
    width:548px;
    height: 53px;
    margin-left:15px;
    display:flex;
    justify-content: space-between;
}
.active_l li{
    float: left;
    width:64px;
    height: 53px;
    
}
.active_l li:nth-child(1){
    border-bottom: 2px solid #1abc9c;
}
.active_l li a{
   font-size: 16px;
    color:#333;
    line-height: 53px;
}
.active_l li:nth-child(1) a{
    color: #1abc9c;
}
.active_l li a:hover{
    color: #1abc9c;
}
.active_r{
    width: 296px;
    height: 440px;
    position: absolute;
    top:-60px;
    left:886px;

}
.active_r h3,.main_r h3{
    font-size: 16px;
    display: block;
    padding-left: 10px;
    background: url("../images/item_03.png")  no-repeat left center;
}
.item-box1{
    height: 420px;
    width:286px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.item_img{
    width:100px;
    height: 64px;
    float: left;
}
.item_img img{
    width: 100%;
    height: 100%;
}
.item_text{
    width:176px;
    height:64px;
    float: left;
    padding-left: 10px;
}
.item_text p{
    font-size: 12px;
    color: #333;
    line-height: 20px;
}
.item_text span{
    font-size: 10px;
    color:#999;
    margin-top: 6px;
}
.main_l{
    height: 100%;
    width: 1200px;
   
}
.main_l li{
    height: 169px;
    border-bottom: 1px solid #999;
    padding-top: 20px;
    margin-left: 15px;
    width: 830px;
}
.mainbox_l{
    width: 240px;
    height: 150px;
    float: left;
}
.mainbox_l img{
    width: 100%;
    height: 100%;
}
.mainbox_r{
    width: 575px;
    margin-left: 14px;
    height: 150px;
    float: left;
}
.mainbox_r h3{
    font-size: 20px;
    margin-bottom: 10px;
}
.mainbox_r p{
    line-height: 20px;
    font-size: 14px;
    
}
.mbox{
    width:100px;
    margin-top:40px; 
    display: flex;
    justify-content: space-between;
}
.mbox h4,.mbox h5{
    font-size: 12px;   
}
.mbox h5{
    background: url('../images/eye_03.png') left center no-repeat;
   padding-left:18px
}
.main_r{
   width:296px;
   height: 300px;
   position: absolute;
   top:350px;
   left:885px
}
.bqian{
    height: 250px;
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}
.bqian div{
    width:82px;
    height: 25px;
    margin-right: 5px;
    border: 1px solid gray;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
}
.title1_r{
    width: 296px;
    height: 155px;
    background: #1abc9c;
    position: absolute;
    top:700px;
    left:886px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 15px;
}
.title1_r h2{
    font-size: 44px;
    color:#fff;
    padding-top:28px;
}
.title1_r h3{
    font-size: 28px;
    color: #fff;
    margin-bottom: 36px;
}
.lianjie-wrap h2{
    font-size: 18px;
    padding-left: 15px;
}
.ljiebox{
    height:86px;
    margin-top: 15px;
    border-top:1px solid gray;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 15px;
}
.ljiebox p{
    font-size: 14px;
    margin-right: 18px;
}
.footerbox{
    width: 388px;
    height: 50px;
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.footerbox p{
    font-size: 16px;
    line-height: 50px;
    color: #6c7969;
}
.footer-wrap h3{
    color: #6c7969;
    font-size: 14px;
}
